<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Desktop - jQuery EasyUI</title>
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.10/themes/metro-green/easyui.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-1.6.10/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="jquery-easyui-desktop/desktop.css">
    <script type="text/javascript" src="jquery-easyui-1.6.10/jquery.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-1.6.10/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="jquery-easyui-desktop/jquery.desktop.js"></script>
    <script type="text/javascript">
        $(function(){
            $('body').desktop({
                apps: [{
                    name: 'Computer',
                    icon: 'jquery-easyui-desktop/images/computer.png',
                    width: 1000,
                    height: 500,
                    left: 200,
                    top: 50,
                    href: 'page.html'
                },{
                    name: 'Network',
                    icon: 'jquery-easyui-desktop/images/network.png',
                    left: 300,
                    top: 100
                },{
                    name: 'Monitor',
                    icon: 'jquery-easyui-desktop/images/monitor.png',
                    left: 400,
                    top: 150
                }],
                menus: [{
                    text: 'Help',
                    iconCls: 'icon-help',
                    handler: function(){
                        $('body').desktop('openApp', {
                            name: 'Help'
                        })
                    }
                },{
                    text: 'Logout',
                    iconCls: 'icon-lock',
                    handler: function(){
                        $.messager.confirm({
                            title:'Confirm',
                            msg:'Are you sure you want to logout?',
                            border: 'thin'
                        })
                    }
                }]
            })
        });
    </script>
</head>
<body>
</body>
</html>